<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewprot-fit=cover,">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>

    <!-- Core CSS file -->
    <link rel="stylesheet" href="photoswipe/photoswipe.css">

    <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
         In the folder of skin CSS file there are also:
         - .png and .svg icons sprite,
         - preloader.gif (for browsers that do not support CSS animations) -->
    <link rel="stylesheet" href="photoswipe/default-skin/default-skin.css">

    <!-- Core JS file -->
    <script src="photoswipe/photoswipe.min.js"></script>

    <!-- UI JS file -->
    <script src="photoswipe/photoswipe-ui-default.min.js"></script>

    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script type="text/javascript" src="js/base/moment.min.js"></script>
    <script src="js/base/api.js?t=4"></script>
    <script src="js/base/magiclamp.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/base/vue.js"></script>


    <script src="js/base/phone.js"></script>
    <!--<script type="text/javascript"-->
    <!--src="http://api.map.baidu.com/api?v=2.0&ak=qF6eV0McTyVWpsFbufXQzX84d86ANXWs"></script>-->

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>

    <!--TLS web sdk(只用于托管模式，独立模式不用引入)-->
    <script src="js/home_fenlei.js?t=2"></script>

    <!--图标字体 必须的-->
    <script src="js/iconfont.js"></script>

    <title>华迅直购</title>
</head>
<body class="whitesmoke">
<!--活动列表-->
<template id="tab_program">
    <div class="center">
        <div id="search_content">
            <div class="search-content-center">
                <form onsubmit="return false;">
                    <div class="form-inline" style="padding-top: 0.5rem;padding-bottom: 0px;margin-bottom: 5px;">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle"
                                        style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span>{{select_address2.name}}</span> <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" style="height: 240px; overflow: hidden; overflow-y: scroll">
                                    <li v-for="address in address_list2" @click="select_address_item2(address);"><a
                                            href="javascript:void(0);">{{address.name}}</a></li>
                                </ul>
                            </div>
                            <input type="text" class="form-control" placeholder="商品" v-model="live_name">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button"
                                        @click="query_host_or_goods_list()">搜索</button>
                              </span>
                        </div><!-- /input-group -->
                    </div>
                    <div class="form-group"
                         style="padding-top: 0px;padding-bottom: 0.6rem;margin-bottom: 0px;border-bottom: solid #cccccc 1px;">
                        <label>大家都在搜</label>
                        <div class="btn-toolbar">
                            <button v-for="obj in hot_search_list" @click="select_hot_search_fun(obj)" type="button"
                                    class="btn btn-default" style="height: 2.4rem;line-height: 1.2rem">
                                {{obj.name}}
                            </button>
                        </div>
                    </div>
                    <div v-for="homecomment in near_goods_list" v-if="search_type=='goods'" style="padding: 0.2rem;">
                        <div style="display: flex;width: 100%;flex-direction: row;"
                             @click="go_friend_comment_list_by_comment(homecomment.id)">
                            <img :src="baseConfig.qn_host +homecomment.small_image__fileurl+'?imageView2/1/w/50/h/50'"
                                 style="flex: 0 0 4rem;width: 4rem;height: 4rem;margin: 0.2rem;">
                            <div style="flex: 1 0 ;display: flex; flex-direction: column">
                                <div style="margin: 0.2rem; width: 100%;font-size: 1.5rem;">
                                    {{homecomment.name}}
                                </div>
                                <div style="margin: 0.2rem;color: red;">
                                    {{price_filter(homecomment.price-homecomment.bu_tie_price)}}
                                </div>
                            </div>
                        </div>
                        <div style="padding-left: 5rem; width:100%; display: flex;flex-direction: column;" v-if="homecomment.comment.id">
                            <div style="display: flex;width: 100%;flex-direction: row;"
                                 @click="open_pro_user(homecomment.comment.user_id)">

                                <img :src="homecomment.comment.user__icon_url"
                                     style="flex: 0 0 3rem;width: 3rem;height: 3rem;margin: 0.1rem;">
                                <div style="flex: 1 0 ;display: flex; flex-direction: column;margin: 0.1rem;">
                                    <div style="margin: 0.2rem;color: #0da4ff;">
                                        {{homecomment.comment.user__realname}}
                                    </div>

                                </div>
                            </div>
                            <div style=" width: 100%;font-size: 1.5rem;">
                                {{homecomment.comment.content}}
                            </div>
                            <div  v-if="homecomment.comment.file_type==1">
                                <div style="display: flex;flex-direction: row;flex-wrap: wrap;">

                                    <img style="margin: 0.1rem;"
                                         :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/105/h/105'" width="32%"
                                         @click="show_big_pengyou_img(homecomment.comment, img.fileurl)"
                                         v-if="homecomment.comment.files_json.length>1"
                                         v-for="img in homecomment.comment.files_json">

                                    <img style="margin: 0.1rem;"
                                         :src="baseConfig.qn_host + img.fileurl+'?imageView2/1/w/330/h/330'" width="65%"
                                         @click="show_big_pengyou_img(homecomment.comment, img.fileurl)"
                                         v-if="homecomment.comment.files_json.length==1"
                                         v-for="img in homecomment.comment.files_json">

                                </div>
                            </div>
                            <div class="my-order-title pengyou_video"
                                 v-if="homecomment.comment.file_type==2&&homecomment.comment.video_obj.id">
                                <video :src="baseConfig.qn_host + homecomment.comment.video_obj.fileurl"
                                       :id="'video'+homecomment.id"
                                       style="width:100%;"
                                       x-webkit-airplay="true" preload="auto"
                                       x5-video-player-type="h5" webkit-playsinline="true"
                                       controls
                                       playsinline
                                       :poster="get_fengmian(homecomment.comment.video_img__fileurl, homecomment.small_image__fileurl)"
                                >

                                </video>
                            </div>
                            <div style="color: #cccccc;">
                                {{homecomment.comment.create_time}}
                            </div>
                        </div>
                    </div>
                    <div v-if="search_type=='goods'&&near_goods_list.length>0" class="form-group"
                         style="padding-top: 2px;padding-bottom: 0px;margin-bottom: 0px;">
                        <button type="button" style="width: 95%;height: 2.2rem;line-height: 1.2rem;"
                                class="btn btn-default"
                                @click="query_search_goods_list">更多商品
                        </button>
                    </div>
                    <div id="all_pengyou_images" v-if="show_pengyou_dongtai_images">
                        <div class="pswp" id="all_pengyou_pswp" tabindex="-1" role="dialog" aria-hidden="true">

                            <!-- Background of PhotoSwipe.
                                 It's a separate element as animating opacity is faster than rgba(). -->
                            <div class="pswp__bg"></div>

                            <!-- Slides wrapper with overflow:hidden. -->
                            <div class="pswp__scroll-wrap">

                                <!-- Container that holds slides.
                                    PhotoSwipe keeps only 3 of them in the DOM to save memory.
                                    Don't modify these 3 pswp__item elements, data is added later on. -->
                                <div class="pswp__container">
                                    <div class="pswp__item"></div>
                                    <div class="pswp__item"></div>
                                    <div class="pswp__item"></div>
                                </div>

                                <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                                <div class="pswp__ui pswp__ui--hidden">

                                    <div class="pswp__top-bar">

                                        <!--  Controls are self-explanatory. Order can be changed. -->

                                        <div class="pswp__counter"></div>

                                        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>


                                        <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                                        <!-- element will get class pswp__preloader--active when preloader is running -->
                                        <div class="pswp__preloader">
                                            <div class="pswp__preloader__icn">
                                                <div class="pswp__preloader__cut">
                                                    <div class="pswp__preloader__donut"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                                        <div class="pswp__share-tooltip"></div>
                                    </div>

                                    <button class="pswp__button pswp__button--arrow--left"
                                            title="Previous (arrow left)">
                                    </button>

                                    <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                                    </button>

                                    <div class="pswp__caption">
                                        <div class="pswp__caption__center"></div>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</template>

<div class="main-v2" id="home">
    <component :is="currentView" keep-alive></component>
    <div class="footer3">
        <button class="line-right" :class="{ active: active===tab_defaultText }" @click="toggleTabs(tab_defaultText)">
            <img class="footer-img1" src="img2/H5_btn_order_normal.png">
            <img class="footer-img2" src="img2/H5_btn_order_highlight.png">
            <br>
            首页
        </button>

        <button class="line-right" :class="{ active: active===tab_programFlText }"
                @click="toggleTabs(tab_programFlText)">
            <img class="footer-img1" src="img2/fenlei.png">
            <img class="footer-img2" src="img2/fenlei_highlight.png"><br>
            分类
        </button>
        <button class="line-right" :class="{ active: active===tab_programText }" @click="toggleTabs(tab_programText)">
            <img class="footer-img1" src="img2/H5_btn_ss_normal.png">
            <img class="footer-img2" src="img2/H5_btn_ss_highlight.png"><br>
            搜店
        </button>

        <button class="line-right" :class="{ active: active===tab_cartText }" @click="toggleTabs(tab_cartText)">
            <img class="footer-img1" src="img2/H5_btn_gwc_normal.png">
            <img class="footer-img2" src="img2/H5_btn_gwc_highlight.png">
            <span class="red-cart" v-if="chat_num">{{chat_num}}</span>
            <br>
            购物车
        </button>


        <button :class="{ active: active===tab_meText }" @click="toggleTabs(tab_meText)">
            <img class="footer-img1" src="img2/H5_btn_wd_normal.png">
            <img class="footer-img2" src="img2/H5_btn_wd_highlight.png"><br>
            我的
        </button>
    </div>
</div>

</body>
</html>